<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta id="i18n_pagename" content="common">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" href="css/bootstrap-table.css"/>
		<link rel="stylesheet" href="css/bootstrap-editable.css"/>
		<link rel="stylesheet" href="css/font-awesome.min.css"/>
		<script src="js/jquery.min.js"></script>
		<script src="js/permission.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/common.js"></script>
		<script src="js/layer/layer.js"></script>
		<script src="js/bootstrap-table.js"></script>
		<script src="i18n/jquery.i18n.properties.js"></script>
		<script src="i18n/language.js"></script>
		<script src="js/bootstrap-table-editable.js"></script>
		<script src="js/bootstrap-editable.js"></script>
		<script src="js/locale/bootstrap-table-zh-CN.js"></script>
		<link rel="stylesheet" href="css/box.css">
	</head>

	<body>
		<div class="container-fluid">
		<div style="margin-top: 20px;margin-left: 10px;">
			<ul class="nav navbar-nav">
			<a class="btn btn-default btn-sm" onclick="showRole()" style="margin-right: 10px;background:transparent;color:#777777" href="#">
				<i class="fa fa-user-plus i18n" name="chooserole"></i></a>
			<a class="btn btn-default btn-sm" onclick='deleteRole()' style="margin-right: 10px;background:transparent;color:#777777" href="#">
				<i class="fa fa-trash-o i18n" name="delete"></i></a>							
			</ul>
		</div>
			<div style="margin-top: 40px" >
				<table id="table"  data-toggle="table" data-content-type="application/x-www-form-urlencoded" data-mobile-responsive="true" data-pagination="true"></table>
			</div>
		</div>
		
		<script>
			$(function() {
				createPermissiontable()
			});
		</script>
	</body>
</html>